<!-- 智慧调剂 -->
<template>
	<view class="trendsScore">
		<view class="tabs font14">
			<u-tabs :offset="[0,0]" count="nums" gutter="30" font-size="28" :list="tabOoption" bar-height="10"
				active-color="#333" :barStyle="barStyle" inactive-color="#333" bar-width="100" :duration="0.1" is-scroll
				:current="tabIndex" @change="handleTab"></u-tabs>
			<view class="active-other-box flex alignCenter" v-if="isSticky">
				<view class="search-select flex alignCenter" @click="handlePopup(6)">
					<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{arreaName || '省份'}} </view>
					<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(6)"></uni-icons>
				</view>
				<view class="search-select flex alignCenter" @click="handlePopup(2)">
					<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{studyName || '学习形式'}} </view>
					<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(2)"></uni-icons>
				</view>
				<view class="search-select flex alignCenter" @click="handlePopup(3)">
					<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{classFyName||'学校类型'}}</view>
					<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(3)"></uni-icons>
				</view>
				<view class="search-select flex alignCenter" v-if="tabIndex < 3" @click="handlePopup(10)">
					<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{jhName||'专项计划'}}</view>
					<uni-icons type="bottom" size="14" color="#000"></uni-icons>
				</view>
				<view v-if="tabIndex >= 3" class="search-select flex alignCenter" @click="handlePopup(5)">
					<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{lockName || '是否解锁'}}</view>
					<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(5)"></uni-icons>
				</view>
			</view>
		</view>
		<view class="contents">
			<view class="searchs">
				<!-- 用户未输入分数时的显示 -->
				<view v-if="!isSearch" class="goEdit flex align-center justify-center color333" @click="openWisdomDetail">
					<u-icon name="edit-pen-fill" color="#333333" size="32" class="u-m-r-10"></u-icon>
					<view class="bold u-font-28 u-m-r-30">输入分数，立即看可调剂大学专业</view>
					<view class="bnts">GO!</view>
				</view>
				<!-- 用户已输入分数时的显示  -->
				<view class="bg-white cjBox" v-if="isSearch">
					<!-- 按钮组 -->
					<view class="flex align-center justify-end u-m-b-20">
						<view class="u-font-24 bold flex align-center" @click="openWisdomDetail">
							<u-icon name="edit-pen-fill" color="#F59A23" size="32" class="u-m-r-10"></u-icon>
							修改分数
						</view>
						<view v-if="tabIndex < 3" class="u-m-l-50 u-font-24 bold flex align-center" @click="openMakeMap">
							<u-icon
								name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/10/c46f69276c0343d5b239a543b18e33b0.png"
								size="32" class="u-m-r-10"></u-icon>
							查看调剂地图
						</view>
						<view v-if="tabIndex === 3" class="u-m-l-50 u-font-24 bold flex align-center" @click="openTfMap">
							<u-icon
								name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/10/c46f69276c0343d5b239a543b18e33b0.png"
								size="32" class="u-m-r-10"></u-icon>
							查看同分地图
						</view>
						<view v-if="tabIndex === 4" class="u-m-l-50 u-font-24 bold flex align-center" @click="openTfMap">
							<u-icon
								name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/10/c46f69276c0343d5b239a543b18e33b0.png"
								size="32" class="u-m-r-10"></u-icon>
							查看同校地图
						</view>
					</view>
					<!-- 成绩专业显示 -->
					<view class="cjContent u-font-24">
						<view class="u-m-b-30">{{handleChooseArrVal || '学校专业'}}</view>
						<view>
							<view class="text-black">
								<text class="color999">总</text>
								{{scroll1 || 0 }}
								<text class="u-m-l-20 u-m-r-20"> | </text>
								<text class="color999">英</text>
								{{scroll2 || 0 }}
								<text class="u-m-l-20 u-m-r-20"> | </text>
								<text class="color999">政</text>
								{{scroll3 || 0 }}
								<text class="u-m-l-20 u-m-r-20"> | </text>
								<text class="color999">专一</text>
								{{scroll4 || 0 }}
								<text class="u-m-l-20 u-m-r-20"> | </text>
								<text class="color999">专二</text>
								{{scroll5 || 0 }}
							</view>
						</view>
					</view>
				</view>
				<!-- 智慧调剂样本 -->
				<view class="report-demo flex alignCenter">
					<view class="flex font14 alignCenter">
						<image class="icon" src="https://image.alhelp.net/uploads/20231104/8a247b557e81f68bfaf1bd7fcb555e9f.png"
							mode="widthFix"></image>
						<view class="bold font14 txt">海量数据，智慧调剂，个性化报告</view>
					</view>
					<view class="button font12 flex alignCenter" @click="xiazai">查看样本</view>
				</view>
				<view class="other-box flex alignCenter" id="otherBox" v-if="isSearch">
					<view class="search-select flex alignCenter" @click="handlePopup(6)">
						<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{arreaName || '省份'}} </view>
						<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(6)"></uni-icons>
					</view>
					<view class="search-select flex alignCenter" @click="handlePopup(2)">
						<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{studyName || '学习形式'}} </view>
						<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(2)"></uni-icons>
					</view>
					<view class="search-select flex alignCenter" @click="handlePopup(3)">
						<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{classFyName||'学校类型'}}</view>
						<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(3)"></uni-icons>
					</view>
					<view class="search-select flex alignCenter" v-if="tabIndex < 3" @click="handlePopup(10)">
						<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{jhName||'专项计划'}}</view>
						<uni-icons type="bottom" size="14" color="#000"></uni-icons>
					</view>
					<view v-if="tabIndex >= 3" class="search-select flex alignCenter" @click="handlePopup(5)">
						<view class="font12 bold u-m-r-10 text-ellipsis" style="max-width: 120rpx;">{{lockName || '是否解锁'}}</view>
						<uni-icons type="bottom" size="14" color="#000" @click="handlePopup(5)"></uni-icons>
					</view>
				</view>
			</view>
			<view class="lists" v-if="tabIndex < 3">
				<view class="content-item" v-for="(item,index) of schoolList" :key="index">
					<view :class="[handleTag(item.level)]" class="tagItem">
						{{item.level}}
					</view>
					<!-- 学校信息 -->
					<view class="items">
						<view class="school-item flex align-center">
							<view class="unlock-item font16 bold">
								<u-icon v-if="item.isLock && item.logo" class="u-m-r-20" :name="item.logo" size="40"></u-icon>
								<u-icon v-if="!item.isLock" name="lock-fill" size="30" color="#dddddd"></u-icon>
								{{item.school}} -
								<u-icon v-if="!item.isLock" name="lock-fill" size="30" color="#dddddd"></u-icon>
								{{item.college}}
							</view>
							<view v-if="!item.isLock" class="unlock-btn flex alignCenter font12 u-m-l-20" @click="jiesuo(item,index)">
								解锁
							</view>
						</view>
						<view class="major-item font14 bold">
							{{item.majorCode}} {{item.major}}
							{{item.studyType}}
						</view>
					</view>
					<!-- 表格数据 -->
					<view class="table-item">
						<view class="tableposition" :style="{'--width':tableWidth}">
						</view>
						<wyb-table v-if="!showPicker" ref="table" :first-line-fixed="true" :headers="headers" :contents="item.list"
							:width="tableWidth1" font-size="[50,60]" />
					</view>

					<view class="u-m-t-40 u-p-l-20 u-p-r-20">
						<view class="u-font-28 bold color333">调剂来源：</view>

						<view class="u-m-t-15 u-font-28 colorF7 text-ellipsis">
							<rich-text
								:nodes="`<div style='overflow:hidden;white-space:nowrap;text-overflow:ellipsis;'>${item.adjustSource || '无'}</div>`"></rich-text>
						</view>
					</view>
					<view class="u-m-t-40 u-p-l-20 u-p-r-20">
						<view class="u-font-28 bold color333">同校该专业调剂去向：</view>
						<view class="u-m-t-15 u-font-28 colorF7 text-ellipsis">
							<rich-text
								:nodes="`<div style='overflow:hidden;white-space:nowrap;text-overflow:ellipsis;'>${item.adjustGo || '无'}</div>`"></rich-text>
						</view>
					</view>
					<view v-if="item.isLock" class="flex align-center justify-center u-font-28 bold wisdomIndexBtns u-m-t-40">
						<view class="flex align-center" @click="adjustSourcePage(item)">
							<u-icon size="28" class="u-m-r-10"
								name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/11/fcec3e172ffc43838ba60ae8fa67cba6.png"></u-icon>
							调剂详情
						</view>
						<view class="u-m-l-50 flex align-center" v-if="!item.isComparisonLibrary" @click="handleLibrary(item)">
							<u-icon size="28" class="u-m-r-10"
								name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/11/87c15603db764305a3d982f62e1f5ada.png"></u-icon>
							加入对比库
						</view>
					</view>
				</view>
				<view class="bottom-info font12 u-p-l-20 u-p-r-10">
					<view class="flex align-center">
						<view class="bold u-font-26">风险极大</view>
						<view class="color999 u-font-24 u-m-l-15">初始总分低于过去四年的调剂录取的最低分</view>
					</view>
					<view class="flex align-center u-m-t-20">
						<view class="bold u-font-26">风险预警</view>
						<view class="color999 u-font-24 u-m-l-15">去年录取人数小于今年的招生人数</view>
					</view>
					<view class="flex align-center u-m-t-20">
						<view class="bold u-font-26">风险提示</view>
						<view class="color999 u-font-24 u-m-l-15">过去四年有调剂信息，去年没有调剂了或热度太热</view>
					</view>
				</view>
			</view>
			<view v-else>
				<view class="tftips u-m-b-10" v-if="tabIndex === 3">
					<u-icon class="u-m-r-10"
						name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/13/c4fc9d4dcecb4e4a9cb8bf17a511e221.png"
						size="32"></u-icon>
					总分上下5分的同学被以下大学录取了（含一志愿和调剂）:
				</view>
				<view class="tftips u-m-b-10" v-if="tabIndex === 4">
					<u-icon class="u-m-r-10"
						name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/11/13/c4fc9d4dcecb4e4a9cb8bf17a511e221.png"
						size="32"></u-icon>
					报考了该大学专业的同学被以下大学调剂录取了:
				</view>
				<template v-if="tfList && tfList.length">
					<view class="bg-white tfItem u-m-b-25" v-for="(item,index) in tfList" :key="index" @click="openIso(item)">
						<!-- 右上角按钮 -->
						<view class="right-btn" v-if="!item.isLock" @click="jiesuo(item,index)">解锁</view>
						<view class="flex align-center">
							<view class="flex align-center justify-center flex-column flex-shrink u-m-r-30">
								<u-icon :name="item.logo" size="160"></u-icon>
								<view class="u-m-t-20 u-font-24 flex align-center">
									<u-icon name="map" class="u-m-r-5" size="30"></u-icon>
									{{item.province}}
								</view>
							</view>
							<view class="u-flex-1">
								<view class="u-font-32 bold color333">{{item.schoolName}} <text class="u-font-24"
										v-if="item.schoolClassify">({{item.schoolClassify}})</text> </view>
								<view class="u-font-24 bold color999 u-m-t-10">{{item.collegeName}}</view>
								<view class="u-font-28 color333 u-m-t-10">{{item.majorCode}}{{item.majorName}} <text
										class="u-font-24 color999 u-m-l-5">{{item.studyType == 1 ? '全日制' :'非全日制'}}</text> </view>
								<view class="flex align-center flex-wrap">
									<view class="u-m-t-15 tags u-font-20" v-for="(tag,tagI) in item.schoolTypes" :key="tagI">{{tag}}
									</view>
								</view>
							</view>
						</view>
						<view class="flex align-center justify-around year-number u-font-28 color333 bold">
							<view v-for="(year,yearI) in item.data" :key="yearI">{{year.value}}人 <text
									class="u-font-24 color999 u-m-l-5" style="font-weight: normal;">({{year.label}})</text> </view>
						</view>
					</view>
					<view class="u-p-t-20 u-p-b-20">
						<u-loadmore bg-color="rgba(0,0,0,0)" font-size="24" @loadmore="handleTfReachBottom" :status="tfStatus" />
					</view>
				</template>
				<view class="no-data" v-else>
					<image src="https://image.alhelp.net/uploads/20231104/8d4f88d27dfddc10b427fbe997780eaf.png" mode="widthFix">
					</image>
					<view class="font14 color999">没有搜到数据！</view>
				</view>
			</view>
		</view>
		<view class="no-data" v-if="schoolList.length<=0 && tabIndex < 3 && isSearch">
			<image src="https://image.alhelp.net/uploads/20231104/8d4f88d27dfddc10b427fbe997780eaf.png" mode="widthFix">
			</image>
			<view class="font14 color999">没有搜到数据！</view>
		</view>
		<u-popup v-model="searchPopup" mode="bottom" :mask-close-able="false">
			<view class="popup-box">
				<view class="flex btns">
					<view class="font14 cancel" @click="handleCancel">取消</view>
					<view class="font14 sure" v-if="popType == 10" @click="handleSure">确认</view>
				</view>
				<view class="search-contents" :class="popType == 4?'search-contents-more':''">
					<!-- 学习形式 -->
					<view v-if="popType==2">
						<view v-for="(item,index) in studyOptions" :key="index" :class="index==studyIndex?'chooseItem':''"
							@click="xingshi(index,item.name)">{{item.name}}</view>
					</view>
					<!-- 学校类型 -->
					<view v-if="popType == 3">
						<view v-for="(item,index) in schoolClassifyOptions" :class="index==classFyIndex?'chooseItem':''"
							:key="index" @click="leixing(item.value,item.dictLabel)">{{item.dictLabel}}</view>
					</view>
					<!-- 省份 -->
					<view v-if="popType == 6">
						<scroll-view scroll-y="true" style="height: 800rpx;">
							<view v-for="(item,index) in options" :class="index==optionsIndex?'chooseItem':''" :key="index"
								@click="shengfen(item.id,item.fullName)">{{item.fullName}}</view>
						</scroll-view>
					</view>
					<!-- 是否解锁 -->
					<view v-if="popType==5">
						<view v-for="(item,index) in lockOptions" :key="index" :class="index==lockIndex?'chooseItem':''"
							@click="handleLock(item,index)">{{item.name}}</view>
					</view>
					<!-- 专项计划 -->
					<view v-if="popType == 10">
						<view @click="handleSpecoaPlan(item,index)" v-for="(item,index) in specialPlan" :key="index"
							:class="index==specialPlanIndex?'chooseItem':''">
							{{item.name}}
						</view>
					</view>
				</view>
			</view>
		</u-popup>
		<!-- tips -->
		<view class="u-font-20 tipsBoxs" v-if="schoolList.length" @click="openHelp">
			<u-icon
				name="https://aihelp.oss-cn-hangzhou.aliyuncs.com/public/base/2023/12/14/4f605567e7be4601a04120aa262d54cf.png"
				size="48"></u-icon>
			<view>解读技巧</view>
		</view>
		<!-- tips-box -->
		<u-popup v-model="helpShow" closeable mode="center" border-radius="20" width="90%">
			<view class="u-p-t-30">
				<view class="bottom-info1 font12 u-p-l-20 u-p-r-10">
					<view class="flex align-center">
						<view class="bold u-font-26">风险极大</view>
						<view class="color999 u-font-24 u-m-l-15">初始总分低于过去四年的调剂录取的最低分</view>
					</view>
					<view class="flex align-center u-m-t-20">
						<view class="bold u-font-26">风险预警</view>
						<view class="color999 u-font-24 u-m-l-15">去年录取人数小于今年的招生人数</view>
					</view>
					<view class="flex align-center u-m-t-20">
						<view class="bold u-font-26">风险提示</view>
						<view class="color999 u-font-24 u-m-l-15">过去四年有调剂信息，去年没有调剂了或热度太热</view>
					</view>
				</view>
			</view>

		</u-popup>
	</view>
</template>

<script>
	import {
		getProvince,
		addMyContrast
	} from "@/api/index.js"
	import wybTable from '@/pages/toolbox/components/wyb-table/wyb-table.vue'
	import {
		getlist,
		shumu,
		getCityList,
		sameScoreGo
	} from "@/api/toolbox.js"
	export default {
		components: {
			wybTable,
		},
		props: {
			isSticky: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				examList1: [],
				examList2: [],
				subject: {
					mathOption: [{
						text: '不考数学',
						value: 'false'
					}, {
						text: '数一',
						value: '数学(一)'
					}, {
						text: '数二',
						value: '数学(二)'
					}, {
						text: '数三',
						value: '数学(三)'
					}],
					englishOption: [{
						text: '英一',
						value: '英语(一)'
					}, {
						text: '英二',
						value: '英语(二)'
					}, {
						text: '日语',
						value: '日语'
					}, {
						text: '俄语',
						value: '俄语'
					}, {
						text: '德语',
						value: '德语'
					}, {
						text: '梵文',
						value: '梵文'
					}]
				},
				helpShow: false,
				isLockSearch: false,
				total: 0,
				specialPlan: [{
					name: "全部",
					value: -1
				}, {
					name: "少数名族骨干计划",
					value: 1
				}, {
					name: "退役大学生士兵计划",
					value: 2
				}, {
					name: "援藏计划",
					value: 3
				}, {
					name: "对口计划",
					value: 4
				}, {
					name: "西部计划",
					value: 5
				}, {
					name: "强军计划",
					value: 6
				}, {
					name: "公共管理人才培养",
					value: 7
				}, {
					name: "联合培养",
					value: 8
				}, {
					name: "其他",
					value: 9
				}],
				specialPlanIndex: 0,
				lockIndex: 0,
				lockOptions: [{
					name: "全部",
					value: 0
				}, {
					name: "已解锁",
					value: 1
				}, {
					name: "未解锁",
					value: 2
				}],
				isLock: 0,
				searchPopup: false,
				barStyle: {
					background: "#F7DD5E",
					borderRadius: "20rpx"
				},
				boxOtherTop: 0, //筛选位置距离顶部位置
				tfStatus: 'loadmore',
				isSearch: false, //是否一进页面就搜索
				tableHeight: '500px',
				tableWidth: 0,
				tableHeight1: 0,
				tableWidth1: "",
				tfList: [],
				headers: [{
						label: '',
						key: 'Type',
						width: 10
					},
					{
						label: '2023',
						key: 'AFirstYear',
						width: 10
					},
					{
						label: '2022',
						key: 'ASecondYear',
						width: 10
					},
					{
						label: '2021',
						key: 'AThirdYear',
						width: 10
					},
				],
				tabIndex: 0,
				tabOoption: [{
						id: 1,
						name: '本专业',
						nums: 0,
					},
					{
						id: 2,
						name: '本一级学科',
						nums: 0,
					},
					{
						id: 3,
						name: '跨学科',
						nums: 0,
					},
					{
						id: 4,
						name: '同分去向',
						nums: 0,
					},
					{
						id: 5,
						name: '同校去向',
						nums: 0,
					},
				],
				schoolList: [],
				paylist: [],
				param: {
					"findType": 1,
					"planDesc": 0,
					"source": {
						"province": "",
						"schoolCode": "",
						"schoolName": "",
						"collageCode": "",
						"collageName": "",
						"majorCode": "",
						"majorName": "",
						"english": "",
						"politics": "",
						"majorFirst": "",
						"majorSecond": "",
						"name": "",
						"phone": "",
						"graduationInstitution": "",
						"undergraduateMajor": ""
					},
					"adjust": {
						"provinceList": [],
						"studyType": null,
						"learningStyle": null,
						"schoolAttributeList": []
					},
					"pageNum": 1,
					"pageSize": 10
				},
				page1: 1,
				scroll1: "",
				scroll2: "",
				scroll3: "",
				scroll4: "",
				scroll5: "",
				name1: "",
				phone1: "",
				daxue: "",
				zhuanye: "",
				shengfen1: [],
				flag4: 0,
				popType: 1,
				studyName: '',
				arreaName: '',
				classFyName: '',
				jhName: '专项计划',
				lockName: "",
				studyIndex: 0,
				optionsIndex: 0, //省份选择
				classFyIndex: 0, //学校类型选择
				showPicker: false,
				chooseArr: [{}, {}, {}, {}],
				studyOptions: [{
						id: '',
						name: '全部'
					},
					{
						id: '1',
						name: '全日制'
					},
					{
						id: '2',
						name: '非全日制'
					},
				],
				options: [], //省份
				schoolClassifyOptions: [{
						"dictLabel": "全部",
						"value": []
					},
					{
						"dictLabel": "985高校",
						"value": ["10"]
					},
					{
						"dictLabel": "211工程院校",
						"value": ["20"]
					},
					{
						"dictLabel": "其他学校",
						"value": ["00"]
					},
					{
						"dictLabel": "双一流",
						"value": ["30"]
					},
					{
						"dictLabel": "具有推荐免试资格的高校",
						"value": ["31"]
					},
					{
						"dictLabel": "一流学科建设高校",
						"value": ["32"]
					},
					{
						"dictLabel": "34所",
						"value": ["33"]
					},
					{
						"dictLabel": "教育部直属高校",
						"value": ["34"]
					},
					{
						"dictLabel": "强军计划高校",
						"value": ["35"]
					},
					{
						"dictLabel": "研究生院高校",
						"value": ["36"]
					},
				], //学校类型
				searchParam: {
					"findType": 2,
					"source": {
						"province": "",
						"schoolCode": "",
						"schoolName": "",
						"collageCode": "",
						"collageName": "",
						"majorCode": "",
						"majorName": "",
						"english": "",
						"politics": "",
						"majorFirst": "",
						"majorSecond": "",
						"name": "",
						"phone": ""
					},
					"adjust": {
						"provinceList": [],
						"studyType": null,
						"learningStyle": null,
						"schoolAttributeList": []
					},
					"pageNum": 1,
					"pageSize": 10
				},
				tfPage: {
					pageSize: 20,
					pageNum: 1
				}
			}
		},
		watch: {
			boxOtherTop(val) {
				if (val && val > 0) {
					this.$emit('isWacth');
				}
			}
		},
		computed: {
			handleChooseArrVal() {
				let str = '';
				this.chooseArr.forEach((e, i) => {
					switch (i) {
						case 0:
							str += this.chooseArr[1].title || '';
							break;
						case 1:
							str += this.chooseArr[2].text || '';
							break;
						case 2:
							str += this.chooseArr[3].text || '';
							break;
						case 3:
							str += this.chooseArr[3].value || '';
							break;
					}
				})
				return str;
			}
		},
		mounted() {
			this.handleNews();
		},
		methods: {
			handleSure() {
				console.log('examList1: ', this.examList1);
				console.log('examList2: ', this.examList2);
				this.searchPopup = false;
			},
			openHelp() {
				this.helpShow = true;
			},
			//修改前三本专业、本一级学科、跨学科
			handleEditAdjust(index) {
				if (index > -1 && index != null) {
					this.$set(this.schoolList[index], 'isLock', true);
				}
			},
			//二级页面购买后调用这个方法，修改属性修改同分去向同校去向
			handleEditTf(index) {
				if (index > -1 && index != null) {
					this.$set(this.tfList[index], 'isLock', true);
				}
			},
			//触底事件
			handleTfReachBottom() {
				if (this.tfStatus == 'nomore') return;
				this.tfPage.pageNum++;
				this.tfStatus = 'loading';
				this.getSameScoreGo();
			},
			//同分去向
			getSameScoreGo() {
				if (!this.isSearch) return;
				this.searchPopup = false;
				uni.showLoading({
					mask: true
				});
				let obj = {
					...this.tfPage,
					firstTotal: this.scroll1,
					studyType: this.param.adjust.studyType,
					majorCode: this.chooseArr[3].value,
					schoolAttributeList: this.param.adjust.schoolAttributeList ? this.param.adjust.schoolAttributeList[0] : null,
					areaId: this.param.adjust.provinceList ? this.param.adjust.provinceList[0] : null,
					sameSchool: this.tabIndex == 3 ? 0 : 1, // 0同分  1同校
					isLock: this.isLock,
				}
				if (this.tabIndex == 4) {
					obj['schoolCode'] = this.chooseArr[1].schoolCode;
				}
				sameScoreGo(obj).then(res => {
					if (this.tfPage.pageNum == 1) {
						this.$set(this.tabOoption[this.tabIndex], 'nums', res.data.total || 0);
					}
					if (res.code == 100000) {
						if (res.data.rows && res.data.rows.length) {
							if (res.data.otherData && res.data.otherData.yearList && res.data.otherData.yearList.length) {
								res.data.rows.forEach(e => {
									e['data'] = [];
									for (let i = 0; i < res.data.otherData.yearList.length; i++) {
										e.data.push({
											label: res.data.otherData.yearList[i],
											value: e[`studentN${i}`]
										})
									}
								})
							}
							if (this.tfPage.pageNum == 1) {
								this.tfList = res.data.rows;
							} else {
								this.tfList.push(...res.data.rows);
							}
						} else {
							if (this.tfPage.pageNum == 1) {
								this.tfList = [];
							}
						}
						if (res.data.total <= this.tfList.length) {
							this.tfStatus = 'nomore';
						} else {
							this.tfStatus = 'loadmore';
						}
						console.log('this.tfStatus: ', this.tfStatus);
					}
				}).finally(() => {
					uni.hideLoading();
				})
			},
			//打开同分地图
			openTfMap() {
				let key = 1;
				if (this.tabIndex == 3) {
					key = 1;
				} else {
					key = 2;
				}
				uni.navigateTo({
					url: '/pages/toolbox/tfMap/tfMap?key=' + key,
				});
			},
			//调剂详情
			openIso(row) {
				if (row.isLock) {
					let obj = {
						college: row.collegeName,
						collegeCode: row.collegeCode,
						major: row.majorName,
						majorCode: row.majorCode,
						schoolCode: row.schoolCode,
						school: row.schoolName,
						studyType: row.studyType == 1 ? '全日制' : '非全日制'
					}
					uni.navigateTo({
						url: '/pages/school/isomorphism/isomorphismDetail/isomorphismDetail?items=' + JSON.stringify(obj),
					});
				}
			},
			//调剂详情
			adjustSourcePage(row) {
				let obj = {
					college: row.college,
					collegeCode: row.collegeCode,
					major: row.major,
					majorCode: row.majorCode,
					schoolCode: row.schoolCode,
					school: row.school,
					studyType: row.studyType
				}
				uni.navigateTo({
					url: '/pages/school/isomorphism/isomorphismDetail/isomorphismDetail?items=' + JSON.stringify(obj),
				});
			},
			//标签过滤
			handleTag(val) {
				let tag = "tag-primary";
				switch (val) {
					case '风险提示':
						tag = "tag-primary";
						break;
					case '风险预警':
						tag = "tag-warning";
						break;
					case '风险极大':
						tag = "tag-error";
						break;
				}
				return tag;
			},
			//获取最新信息
			handleNews() {
				let storeSync = uni.getStorageSync('chooseArr');
				let storeSyncFraction = uni.getStorageSync('fraction');
				let storeSyncInformation = uni.getStorageSync('information');
				if (storeSyncInformation) {
					storeSyncInformation = JSON.parse(storeSyncInformation);
					this.name1 = storeSyncInformation.name1;
					this.phone1 = storeSyncInformation.phone1;
					this.daxue = storeSyncInformation.daxue;
					this.zhuanye = storeSyncInformation.zhuanye;
				}
				if (storeSyncFraction) {
					storeSyncFraction = JSON.parse(storeSyncFraction);
					this.scroll1 = storeSyncFraction.scroll1;
					this.scroll2 = storeSyncFraction.scroll2;
					this.scroll3 = storeSyncFraction.scroll3;
					this.scroll4 = storeSyncFraction.scroll4;
					this.scroll5 = storeSyncFraction.scroll5;
				}
				if (storeSync) {
					this.chooseArr = JSON.parse(storeSync);
				}
				if (storeSync && storeSyncFraction && storeSyncInformation) {
					this.isSearch = true;
					this.sousuo(1);
					setTimeout(() => {
						this.$nextTick(() => {
							const query = uni.createSelectorQuery().in(this);
							query.select('#otherBox').boundingClientRect(data => {
								this.boxOtherTop = data?.top || 0;
							}).exec();
						})
					}, 500)
				}
			},
			//跳转到调剂地图
			openMakeMap() {
				uni.navigateTo({
					url: '/pages/toolbox/makeMap/makeMap',
				});
			},
			//跳转到智慧调剂二级填信息页
			openWisdomDetail() {
				uni.navigateTo({
					url: '/pages/toolbox/wisdomDetail/wisdomDetail',
				});
			},
			//修改参数去搜索
			sousuo(value, value1) {
				if (this.tabIndex >= 3) {
					this.getSameScoreGo();
					return;
				}
				if (value == 1) {
					this.page1 = 1
					this.schoolList = []
					this.paylist = []
				}
				if (value1 == 1) {
					this.param = {
						"findType": 1,
						"planDesc": 0,
						"source": {
							"province": "1475405387611111438",
							"schoolCode": "10076",
							"schoolName": "河北工程大学",
							"collageCode": "001",
							"collageName": "建筑与艺术学院",
							"majorCode": "081300",
							"majorName": "建筑学",
							"english": "55",
							"politics": "66",
							"majorFirst": "110",
							"majorSecond": "120",
							"name": "萨达",
							"phone": "13512342352",
							"graduationInstitution": "本科大学",
							"undergraduateMajor": "本科专业"
						},
						"adjust": {
							"provinceList": [],
							"studyType": null,
							"learningStyle": null,
							"schoolAttributeList": []
						},
						"pageNum": 1,
						"pageSize": 10
					}
				}
				for (let i = 0; i < this.chooseArr.length; i++) {
					if (JSON.stringify(this.chooseArr[i]) == "{}") {
						uni.showToast({
							title: '有信息未填写！',
							icon: "error",
							duration: 2000
						});
						break;
					}
				}
				this.$set(this.param.source, "schoolCode", this.chooseArr[1].schoolCode)
				this.$set(this.param.source, "collageCode", this.chooseArr[2].value)
				this.$set(this.param.source, "majorCode", this.chooseArr[3].value)
				if (this.scroll2 == "" || this.scroll3 == "" || this.scroll4 == "" || this.scroll5 == "") {
					uni.showToast({
						title: '有信息未填写！',
						icon: "error",
						duration: 2000
					});
					return
				} else {
					this.$set(this.param.source, "english", this.scroll2)
					this.$set(this.param.source, "politics", this.scroll3)
					this.$set(this.param.source, "majorFirst", this.scroll4)
					this.$set(this.param.source, "majorSecond", this.scroll5)
				}
				if (this.name1 == "" || this.phone1 == "") {
					uni.showToast({
						title: '有信息未填写！',
						icon: "error",
						duration: 2000
					});
					return
				} else {
					this.$set(this.param.source, "name", this.name1)
					this.$set(this.param.source, "phone", this.phone1)
				}

				if (this.daxue == "" || this.zhuanye == "") {
					uni.showToast({
						title: '有信息未填写！',
						icon: "error",
						duration: 2000
					});
					return
				} else {
					this.$set(this.param.source, "graduationInstitution", this.daxue)
					this.$set(this.param.source, "undergraduateMajor", this.zhuanye)
				}
				if (this.isLockSearch) return;
				this.searchPopup = false;
				uni.showLoading({
					title: "数据加载中",
					mask: true
				})
				this.$set(this.param, "findType", this.tabIndex + 1)
				this.$set(this.param, "pageNum", this.page1)



				this.searchParam.source = this.param.source;
				// shumu(this.searchParam).then((res) => {
				// 	console.warn('shumu: ', res);
				// 	this.tabOoption[0].nums = res.data?.countOwnMajor || 0
				// 	this.tabOoption[1].nums = res.data?.countOneSubject || 0
				// 	this.tabOoption[2].nums = res.data?.countOtherSubject || 0
				// 	this.tabOoption[3].nums = res.data?.sameScoreCount || 0
				// 	this.tabOoption[4].nums = res.data?.sameSchoolNum || 0
				// })
				
				this.param['planDesc'] = this.jhName == '专项计划' ? 0 : 1;
				getlist(this.param).then((res) => {
					this.total = res.data.total;
					if (this.param.pageNum == 1) {
						this.$set(this.tabOoption[this.tabIndex], 'nums', this.total);
					}
					if (res.data && res.data.rows && res.data.rows.length) {
						let data = res.data.rows;
						console.warn('data: ', data);
						for (let i in data) {
							let obj = {
								schoolCode: data[i].schoolCode,
								school: data[i].school,
								collegeCode: data[i].collegeCode,
								college: data[i].college,
								majorCode: data[i].majorCode,
								major: data[i].major,
								studyType: data[i].studyType
							}
							this.paylist.push(obj)
							let j = {}
							j['id'] = data[i].id;
							j['logo'] = data[i].schoolImage;
							j['isLock'] = data[i].isLock;
							j['school'] = data[i].isLock ? data[i].school : "大学";
							j['college'] = data[i].isLock ? data[i].college : "学院";
							j['level'] = data[i].level === 'A类' ? '风险极大' : data[i].level === 'B类' ? '风险预警' : '风险提示';
							j['majorCode'] = data[i].majorCode;
							j['major'] = data[i].major;
							j['studyType'] = data[i].studyType == "1" ? '全日制' : '非全日制';
							j['collegeCode'] = data[i].collegeCode;
							j['majorCode'] = data[i].majorCode;
							j['schoolCode'] = data[i].schoolCode;
							j['isComparisonLibrary'] = data[i].isComparisonLibrary;
							//调剂去向
							if (data[i].isLock) {
								if (data[i].adjustGoVoList && data[i].adjustGoVoList.length) {
									j['adjustGo'] = data[i].adjustGoVoList.map(e => {
										return `${e.schoolName}<span style="color:#F59A23;">${e.num}</span>人`
									}).join('，');
								}
							} else {
								if (data[i].adjustGoVoList && data[i].adjustGoVoList.length) {
									j['adjustGo'] = data[i].adjustGoVoList.map(e => {
										return `***学院<span style="color:#F59A23;">**</span>人`
									}).join('，');
								}
							}
							//调剂来源
							if (data[i].isLock) {
								if (data[i].adjustSourceVoList && data[i].adjustSourceVoList.length) {
									j['adjustSource'] = data[i].adjustSourceVoList.map(e => {
										return `${e.schoolName}<span style="color:#F59A23;">${e.num}</span>人`
									}).join('，');
								}
							} else {
								if (data[i].adjustSourceVoList && data[i].adjustSourceVoList.length) {
									j['adjustSource'] = data[i].adjustSourceVoList.map(e => {
										return `***学院<span style="color:#F59A23;">**</span>人`
									}).join('，');
								}
							}

							let list = [{
									Type: '总分',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '英语',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '政治',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '专一',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '专二',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '总录',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '校内调',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '校外调',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '一志愿',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
								{
									Type: '推免',
									AFirstYear: null,
									ASecondYear: null,
									AThirdYear: null
								},
							]
							let b = data[i].majorRateInfos
							let num = ""
							for (let b1 in b) {
								if (b1 == 1) {
									num = "ASecondYear"
								} else if (b1 == 2) {
									num = "AFirstYear"
								} else {
									num = "AThirdYear"
								}

								if (b[b1].minNum === null) {
									list[0][num] = "-"
								} else {
									list[0][num] = '最低' + b[b1].minNum + "~" + '平均' + b[b1].average + "~" + '最大' + b[b1].maxNum
								}

								if (b[b1].englishMin === null) {
									list[1][num] = "-"
								} else {
									list[1][num] = b[b1].englishMin + "~" + b[b1].englishAvg + "~" + b[b1].englishMax
								}

								if (b[b1].politicsMin === null) {
									list[2][num] = "-"
								} else {
									list[2][num] = b[b1].politicsMin + "~" + b[b1].politicsAvg + "~" + b[b1].politicsMax
								}

								if (b[b1].major1Min === null) {
									list[3][num] = "-"
								} else {
									list[3][num] = b[b1].major1Min + "~" + b[b1].major1Avg + "~" + b[b1].major1Max
								}

								if (b[b1].major2Min === null) {
									list[4][num] = "-"
								} else {
									list[4][num] = b[b1].major2Min + "~" + b[b1].major2Avg + "~" + b[b1].major2Max
								}

								list[5][num] = b[b1].admissionsNum || '-'
								list[6][num] = b[b1].sameSchoolAdjustNum || '-'
								list[7][num] = b[b1].otherSchoolAdjustNum || '-'
								list[8][num] = b[b1].firstChoiceNum || '-'
								list[9][num] = b[b1].exemptionsNum || '-'
							}
							j['list'] = list;
							this.schoolList.push(j)
						}
						this.page1 = this.page1 + 1
					}
					if (this.schoolList.length >= this.total) {
						this.isLockSearch = true;
					}
					uni.hideLoading()
				})
			},
			//类型筛选
			leixing(value, value1) {
				this.classFyName = value1
				this.param.adjust.schoolAttributeList = value
				if (this.tabIndex > 2) {
					this.getSameScoreGo();
				} else {
					this.isLockSearch = false;
					this.sousuo(1)
				}
			},
			//学习形式筛选
			xingshi(value, value1) {
				if (value == 0) {
					this.param.adjust.studyType = null
				} else if (value == 1) {
					this.param.adjust.studyType = 1
				} else {
					this.param.adjust.studyType = 2
				}
				this.studyName = value1
				if (this.tabIndex > 2) {
					this.getSameScoreGo();
				} else {
					this.isLockSearch = false;
					this.sousuo(1)
				}
			},
			//是否解锁筛选
			handleLock(value, index) {
				this.isLock = value.value;
				this.lockName = value.name == '全部' ? '' : value.name;
				this.lockIndex = index;
				if (this.tabIndex > 2) {
					this.getSameScoreGo();
				} else {
					this.sousuo(1)
				}
			},
			//专项计划筛选
			handleSpecoaPlan(row, index) {
				this.specialPlanIndex = index;
				this.jhName = row.name == '全部' ? '专项计划' : row.name;
				this.sousuo(1);
			},
			//省份筛选
			shengfen(value, value1) {
				if (value != "") {
					this.param.adjust.provinceList = [value]
				} else {
					this.param.adjust.provinceList = []
				}
				this.arreaName = value1
				if (this.tabIndex > 2) {
					this.getSameScoreGo();
				} else {
					this.isLockSearch = false;
					this.sousuo(1)
				}
			},
			//解锁
			jiesuo(value, index) {
				let obj = {
					value1: value.schoolCode,
					value2: value.collegeCode,
					value3: value.majorCode,
					school: value.school,
					college: value.college,
					major: value.major,
					studyType: value.studyType,
					tabIndex: this.tabIndex,
					index: index
				}
				uni.navigateTo({
					url: "jiesuo?obj=" + JSON.stringify(obj)
				});
			},
			//查看样本
			xiazai() {
				uni.navigateTo({
					url: "xiazai"
				});
			},
			//页面初始化
			getOnShow() {
				const {
					windowHeight
				} = uni.getSystemInfoSync(); // 获取页面高度
				this.tableHeight = windowHeight - 120 + 'px';
				this.tableWidth = uni.getWindowInfo().screenWidth
				this.tableHeight1 = uni.getWindowInfo().screenHeight
				this.tableWidth1 = String(this.tableWidth / 1000 * 860) + "px"
				this.headers[0].width = (this.tableWidth / 1000 * 860) / 1000 * 320
				this.headers[1].width = (this.tableWidth / 1000 * 860) / 1000 * 600
				this.headers[2].width = (this.tableWidth / 1000 * 860) / 1000 * 600
				this.headers[3].width = (this.tableWidth / 1000 * 860) / 1000 * 600
				this.getOptions();
				getCityList().then((res) => {
					this.shengfen1 = res.data
				})
			},
			//tabs切换
			handleTab(index) {
				if (index === this.tabIndex) return;
				this.tabIndex = index;
				if (index < 3) {
					this.isLockSearch = false;
					this.sousuo(1)
				} else {
					this.tfPage.pageNum = 1;
					this.getSameScoreGo();
				}
			},
			//获取筛选参数
			getOptions() {
				if (uni.getStorageSync('province')) {
					this.options = JSON.parse(uni.getStorageSync('province'));
					this.options.unshift({
						fullName: '全部',
						id: ''
					});
				} else {
					getProvince().then((res) => {
						this.options = res.data;
						uni.setStorageSync('province', JSON.stringify(res.data));
						this.options.unshift({
							fullName: '全部',
							id: ''
						});
					});
				}
			},
			/**
			 * @param {Object} type 1、学科分类，2、学习形式，3、学校类型，4、更多筛选，5、估分
			 */
			handlePopup(type) {
				this.popType = type;
				this.searchPopup = true;
			},
			// 搜索弹框取消按钮
			handleCancel() {
				this.searchPopup = false;
			},
			// 加入对比库
			handleLibrary(item) {
				addMyContrast({
					collegeCode: item.collegeCode,
					isDel: 0,
					majorCode: item.majorCode,
					schoolCode: item.schoolCode,
					year: new Date().getFullYear()
				}).then(res => {
					if (res.code == 100000) {
						uni.showToast({
							title: '加入对比库成功',
							icon: 'none'
						})
					}
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	.rightBottom {
		position: fixed;
		width: 80rpx;
		height: 80rpx;
		right: 40rpx;
		bottom: 300rpx;
		z-index: 99;
		background-color: #E1E1E1;
		border-radius: 100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	page {
		background: #f2f2f2;
	}

	.sousuo {
		width: calc(var(--width)/1000*400*1px);
		height: calc(var(--height)/1000*60*1px);
		margin-top: calc(var(--height)/1000*100*1px);
		margin-left: calc(var(--width)/1000*250*1px);
		background-color: #FED534;
	}

	.view2 {
		width: calc(var(--width)/1000*820*1px);
		height: calc(var(--height)/1000*60*1px);
		margin-top: calc(var(--height)/1000*100*1px);
		margin-left: calc(var(--width)/1000*90*1px);

	}

	.view21 {
		position: absolute;
		margin-top: calc(var(--height)/1000*40*1px);
		margin-left: calc(var(--width)/1000*90*1px);
	}

	.tableposition {
		width: calc(var(--width)/1000*865*1px);
	}

	.table1 {
		font-size: 5rpx;
		color: black;
		background-color: #efefef;
	}

	.table2 {
		color: black;
	}

	.table3 {
		color: #efefef;
		font-size: 50px;
	}

	.tabs.flex.font14 {
		z-index: 1;
	}

	.text2 {
		color: gray;
		margin-left: 20rpx;
	}

	.text3 {
		margin-left: 40rpx;
	}

	.trendsScore {
		.tabs {
			// position: sticky;
			// top: 0rpx;
			/* #ifdef H5 */
			// top: 80rpx;
			/* #endif */

			background: #fff;
			height: 104rpx;
			padding: 0 32rpx;
			margin: 0px;

			.tab-item {
				margin: auto;
				position: relative;
			}

			.choose-line {
				position: absolute;
				width: 100rpx;
				background: $colorMain;
				height: 10rpx;
				border-radius: 20rpx;
				box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
				// transition: left 0.5s;
				// top: 88rpx;
				bottom: -20rpx;
				left: 50%;
				transform: translate(-50%);
			}
		}

		.contents {
			margin: 40rpx 30rpx;

			.searchs {
				// margin: -80rpx 30rpx 40rpx 30rpx;
				// height: 120rpx;
				// padding: 46rpx 0;
				// line-height: 1em;
				background: #f2f2f2;
				// padding-bottom: 30rpx;
				// box-shadow: 0 0 12rpx rgba(0,0,0,.2);
				// border-radius: 20rpx;
				// position: sticky;
				// top: 0rpx;
				/* #ifdef H5 */
				// top: 80rpx;
				/* #endif */
				z-index: 2;

				.search-select-major,
				.search-select-num {
					margin: 20rpx 0 0;
					height: 80rpx;
					// height: 64rpx;
					// padding: 20rpx;
					background: #fff;
					line-height: 1em;
					border-radius: 14rpx;
					border-color: rgba(242, 242, 242, 1);
					color: #333;
					justify-content: space-between;
				}

				.search-select-num {

					// justify-content: flex-start;
					image {
						width: 36rpx;
						height: 36rpx;
						margin-right: 20rpx;
					}
				}

				.select-item {
					// color: #F7DD5E;
				}

				.other-box {
					height: 80rpx;
					justify-content: space-around;
				}

				.search-select {
					color: #666666;
					justify-content: center;

					view {
						text-align: center;
					}
				}

			}

			.report-demo {
				margin-top: 32rpx;
				border-radius: 16rpx;
				width: 100%;
				justify-content: space-between;
				height: 128rpx;
				width: 100%;
				background: #333333;
				color: #FED534;

				.icon {
					width: 36rpx;
					height: 48rpx;
					margin: 0 20rpx 0 28rpx;
				}

				.button {
					width: 67px;
					height: 30px;
					border-radius: 52rpx;
					justify-content: center;
					margin-right: 20rpx;
					color: #333;
					background: #FED534;
				}

				.txt {
					width: 420rpx;
				}
			}

			.lists {

				// padding-top: 20rpx;
				// padding-bottom: 20rpx;
				.content-item {
					background: #ffffff;
					margin-bottom: 20rpx;
					// margin: 0 30rpx 40rpx;
					border-radius: 10rpx;
					box-shadow: 0 0 12rpx rgba(0, 0, 0, .3);
					padding-bottom: 36rpx;
					position: relative;

					.tagItem {
						position: absolute;
						top: 0;
						right: 0;
						border-radius: 0 10rpx 0 10rpx;
						font-size: 26rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						height: 50rpx;
						width: 150rpx;

					}

					.items {
						padding-top: 50rpx;
						margin: 0 20rpx;
						line-height: 1rem;

						.school-item {

							.unlock-item {
								display: flex;
								justify-content: center;
								word-break: break-all;
								line-height: 1.4;
								// flex: 1;

								.unlock-icon {
									width: 24rpx;
									height: 30rpx;
								}
							}

							.unlock-btn {
								width: 134rpx;
								height: 60rpx;
								border-radius: 52rpx;
								justify-content: center;
								color: #333;
								background: #FED534;
							}
						}

						.major-item {
							margin-top: 12rpx;
							margin-bottom: 28rpx;

							text {
								// color: #FED534;
								margin-right: 14rpx;
							}
						}
					}

					.table-item {
						width: 100%;
						margin: 0 20rpx;

					}
				}
			}


			.bottom-info {
				background: #FFFFDD;
				color: #000;
				padding: 36rpx 0;
				margin-bottom: 20rpx;
				marign-top: 24rpx;
				line-height: 1rem;

				.bottom-item {
					margin-top: 52rpx;

					.title {
						margin-left: 44rpx;
					}

					.txt {
						margin-top: 16rpx;
					}
				}

				.bottom-item:first-child {
					margin-top: 0;
				}

				.types {
					margin-right: 10rpx
				}
			}
		}

		.no-data {
			text-align: center;
			margin-top: 120rpx;

			image {
				width: 120rpx;
				height: 120rpx;
			}
		}

		.noMore-data {
			text-align: center;
			padding-bottom: 20rpx;
		}

		.pickerLayer {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, .15);
			z-index: 2;

			.layerMain {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1200rpx;
				padding: 30rpx 0;
				box-sizing: border-box;
				border-radius: 40rpx 40rpx 0 0;
				background: #fff;
			}

			.layerTitle {
				text-align: center;
				position: relative;
				justify-content: space-around;

				// text-align: center;
				// position: relative;
				// .layerClose{
				// 	position: absolute;
				// 	right: 30rpx;
				// 	bottom: 0;
				// }
			}

			scroll-view {
				margin: 30rpx 0 0;
			}

			.chooseBox {
				// margin: 30rpx 0 0;
				padding: 0 30rpx;
				box-sizing: border-box;
				border-bottom: 1px solid $bordercolor;
				height: 80rpx;
				line-height: 80rpx;

				.commonChoose {
					padding: 0 40rpx;
					flex-shrink: 0;
				}

				.activeLayerStyle {
					border-bottom: 2px solid $colorMain;
				}
			}

			.dataBox {
				.dataScroll {
					height: 800rpx;
					overflow-y: scroll;
				}

				.scrollItem {
					padding: 0 30rpx;
					height: 100rpx;
					line-height: 100rpx;
					box-sizing: border-box;
					position: relative;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}

				.activeIcon {
					color: $colorMain !important;
					position: absolute;
					right: 30rpx;
					bottom: 0;
				}
			}
		}

		.popup-box {
			background: #fff;
			border-top-left-radius: 30rpx;
			border-top-right-radius: 30rpx;
			padding: 30rpx;
			// height: 960rpx;

			.btns {
				align-items: center;
				justify-content: space-between;
				margin: 10rpx 0;

				.cancel {
					color: #AFAFAF;
				}

				.sure {
					color: #F7DD5E;
				}
			}

			.search-contents {
				text-align: center;
				line-height: 70rpx;
				overflow-x: hidden;
				// height: 900rpx;
				// background: #F7DD5E;

				.chooseItem {
					background-color: rgba(253, 224, 128, 0.3);
					// background: #F7DD5E;
				}

				.more-search {
					text-align: left;

					.title {
						margin-top: 40rpx;
					}

					.tab-item {
						// width: 120rpx;
						padding: 20rpx 30rpx;
						background: rgba(175, 175, 175, 0.2);
						color: #333;
						border-radius: 50rpx;
						// border: 1px solid #333;
						height: 20rpx;
						text-align: center;
						line-height: 20rpx;
						margin: 10rpx 10rpx 10rpx 0;
					}


					.chooseItem {
						background-color: rgba(253, 224, 128, 0.3);
						border: 1px solid #F7DD5E;
					}
				}

				.score-search {
					margin-top: 80rpx;
					justify-content: space-between;

					view {
						border: 1px solid #ccc;
						border-radius: 4rpx;
						// margin-bottom: 20rpx;
						padding: 0 10rpx;
						color: #333;
					}

					input {
						text-align: left;
						width: 200rpx;
					}
				}
			}

			.search-contents-more {
				height: 900rpx;
			}
		}

		.input1 {
			border: 1px #e3e3e3 solid;
			border-radius: 10px;
			margin-top: 20px;
			margin-left: 5px;
			width: calc(var(--width)/1000*890*1px);
			height: calc(var(--height)/1000*60*1px);
			display: flex;
			align-items: center;

			.input2 {
				position: absolute;
				margin-left: 15px;
				// margin-top: calc(var(--height)/1000*8*1px);
				color: gray;
				font-size: calc(var(--width)/1000*36*1px);
			}

			.input3 {
				margin-left: calc(var(--width)/1000*270*1px);
				font-size: calc(var(--width)/1000*36*1px);
				text-align: center;
				flex: 1;

			}
		}
	}

	.line {
		margin-left: 10rpx;
		margin-right: 10rpx;
	}

	.tag {
		color: #d0d0d4;
		margin-right: 2rpx;
	}

	.subject {
		text-align: left;
		margin-top: 10rpx;
		font-weight: bolder;

		.tips {
			color: #969699;
			font-size: 24rpx;
			font-weight: normal;
		}
	}

	.joinDuiBi {
		display: flex;
		align-items: center;
		justify-content: end;
		font-size: 28rpx;
		position: absolute;
		right: 0;
		height: 64rpx;
		bottom: 0;
		background-color: rgb(252, 249, 205);
		border-radius: 10rpx 0 10rpx 0;
		padding-left: 20rpx;
		padding-right: 20rpx;
	}

	.lookBtns {
		padding: 4rpx 10rpx;
		border-radius: 6rpx;
		color: #ffffff;
	}

	.goEdit {
		background-color: #FED534;
		border-radius: 16rpx;
		height: 128rpx;

		.bnts {
			height: 60rpx;
			width: 134rpx;
			background-color: #000;
			border-radius: 100rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FED534;
		}
	}

	.cjBox {
		border-radius: 20rpx;
		padding: 30rpx;

		.cjContent {
			background-color: #f9f9f9;
			padding: 20rpx;
			border-radius: 14rpx;
		}
	}


	.wisdomIndexBtns {
		view {
			background-color: #F9F9F9;
			border-radius: 100rpx;
			color: #000;
			padding: 20rpx 30rpx;
		}
	}

	.tipsBox {
		background-color: rgba(255, 255, 221, .8);
		padding: 30rpx;
		font-size: 24rpx;
		color: #333;
	}

	.tfItem {
		border-radius: 30rpx;
		padding-top: 72rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		position: relative;
		padding-bottom: 36rpx;
		box-shadow: 10rpx 10rpx 10rpx rgba(215, 215, 215, .35);

		.tags {
			background-color: rgba(247, 221, 94, .05);
			border: 2rpx solid rgba(247, 221, 94, .60);
			color: #333333;
			padding: 0 26rpx;
			border-radius: 100rpx;
			margin-right: 10rpx;
			height: 40rpx;
			line-height: 40rpx;
		}

		.year-number {
			background-color: #F9F9F9;
			padding: 20rpx 16rpx;
			margin-top: 32rpx;
		}

		.right-btn {
			background-color: #000;
			color: #FED534;
			border-radius: 0 30rpx 0 30rpx;
			padding: 14rpx 32rpx;
			position: absolute;
			right: 0;
			top: 0;
		}
	}

	.active-other-box {
		position: fixed;
		width: 100%;
		background-color: #ffffff !important;
		left: 0;
		right: 0;
		height: 80rpx;
		justify-content: space-around;
		z-index: 99;
		transition: .3s;
		box-shadow: 0rpx 0rpx 12rpx rgba(0, 0, 0, .3);
		top: 0;
	}


	.tftips {
		background-color: #FFFFDD;
		color: #333333;
		font-size: 24rpx;
		height: 88rpx;
		display: flex;
		align-items: center;
		padding-left: 25rpx;
		padding-right: 25rpx;
		border-radius: 12rpx;
		font-weight: 600;
	}

	.bottom-info1 {
		background: #FFF;
		color: #000;
		padding: 36rpx 0;
		margin-bottom: 20rpx;
		marign-top: 24rpx;
		line-height: 1rem;

		.bottom-item {
			margin-top: 52rpx;

			.title {
				margin-left: 44rpx;
			}

			.txt {
				margin-top: 16rpx;
			}
		}

		.bottom-item:first-child {
			margin-top: 0;
		}

		.types {
			margin-right: 10rpx
		}
	}

	.tipsBoxs {
		position: fixed;
		bottom: 20vh;
		right: 40rpx;
		width: 120rpx;
		height: 120rpx;
		border-radius: 100rpx;
		background-color: rgba(0, 0, 0, .5);
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		font-size: 20rpx;
		color: #FFF;
		z-index: 70;
	}
</style>